<%@page pageEncoding="UTF-8" %>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}">
    <title>欢迎注册新鲜e客_新鲜e客（pinnong.com）-通州区网购首选-正品低价、品质保障、配送及时、轻松购物</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="keywords" content="通州酒水,通州生鲜,通州水果,通州蔬菜,通州肉,通州蛋,通州促销活动,通州促销产品,北京通糖烟酒糖业有限公司,北京通州区超市"/>
    <meta http-equiv="description" content="北京通州酒水,北京通州生鲜,北京通州促销产品等,北京通州区超市连锁,北京通州区免费送货,北京通州区正品低价、品质保障、配送及时、轻松购物,北京通州新鲜e客,北京通州品质"/>

    <link rel="stylesheet" href="/assets/lib/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/assets/lib/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/assets/lib/css/animate.css"/>
    <link rel="stylesheet" href="/assets/lib/css/style.css"/>

    <link rel="stylesheet" type="text/css" href="/assets/css/pc/common.css"/>
    <link rel="stylesheet" type="text/css" href="/assets/css/pc/register.css"/>

    <script type="text/javascript" src="/assets/lib/js/jquery-1.12.3.min.js"></script>
    <script type="text/javascript" src="/assets/lib/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/assets/lib/js/jquery.hoverIntent.js"></script>
    <script type="text/javascript" src="/assets/js/pc/common.js"></script>
    <script type="text/javascript" src="/assets/js/pc/register.js"></script>

</head>
<body>



<link rel="stylesheet" type="text/css" href="assets/css/pc/common.css"/>
<script type="text/javascript" src="/assets/lib/js/jquery.hoverIntent.js"></script>
<script type="text/javascript" src="assets/js/pc/menu.js"></script>

<!-- 顶部 S -->
<div class="top">
    <div class="container">
        <div class="lc">
        </div>

        <div class="rc">

            您好，请<a href="/home/skipLogin" style="margin:0;">登录</a>&nbsp;
            <a href="/home/skipRegister">免费注册</a>&nbsp;|
            <a href="/members/login?flag=-1">会员中心</a>&nbsp;|



            <a href="#down_app">Android下载</a>&nbsp;|
            <a href="#down_app">IOS下载</a>






        </div>
    </div>
</div>
<!-- 顶部 E -->

<!-- 导航条 S -->
<div class="header">
    <div class="container">
        <div class="pull-left text-left">
            <a href="/"><img src="assets/img/pc/logo.png" width="165px" border="0"/></a>
        </div>
    </div>
</div>
<!-- 导航条 E -->


<div class="main green-bg">
    <div class="container row">
        <div class="col-sm-6 pull-left">
            <img src="/assets/img/pc/zs_register.png"/>
        </div>

        <div class="col-sm-6 pull-right regisiter-con">
            <div class="title">注册账号</div>
            <form class="form-horizontal regisit-wrap-inner" method="post" id="registerForm" onsubmit="return true;" action="/register/register">

                <div class="form-group">
                    <div class="col-xs-12 errorTip">
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-12">
                         <script>
                             $(function (){
                                 $("#username").blur(function (){
                                    //var phone= $(this).val();
                                    // alert(phone);
                                    $.ajax({
                                        data:{"phone":$(this).val()},
                                        type:"GET",
                                        dataType:"text",
                                        url:"/register/isRegister"
                                    }).done(function (text){
                                        if(text==1)
                                        {
                                          $(".errorTip").html("该手机号已被注册");

                                        }
                                        else
                                        {
                                            $(".errorTip").html("该手机可以注册");

                                        }
                                    })
                                 })
                             })
                         </script>
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-phone"></span></span>
                            <input id="username" type="text" name="username" class="form-control input-lg" placeholder="手机号" maxlength="11"/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input id="password" type="password" name="password" minlength="6" maxlength="20" class="form-control input-lg" placeholder="设置6-20位密码">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-12">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input id="rqpwd" type="password" name="rqpwd" class="form-control input-lg" minlength="6" maxlength="20" equalto="#password" placeholder="确认密码"/>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-8" style="padding-right:0; width:230px; border: 0px solid #f00;">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                            <input type="text" id="vlCodeInp" name="imgNumber" class="form-control input-lg" maxlength="5" placeholder="请输入图片验证码" style="width:170px;"/>
                        </div>
                    </div>

                    <script>
                        $(function (){
                            $("#vlCodeImg").click(function(){
                                var second=new Date();
                                var img=$(this).attr({src:"/yan.jpg?time='"+second+"'"});
                            })
                        })
                    </script>
                    <div class="col-xs-4" style="padding-left:0; padding-right: 0; border: 0px solid #f00;">
                        <img id="vlCodeImg" src="/yan.jpg" width="120" height="45" style="cursor: pointer;"/>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-12">
                        <div class="input-group">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-text-width"></span></span>
                            <input type="text" id="dxyzm" name="dxyzm" class="form-control input-lg" placeholder="请输入短信验证码" maxlength="6"/>
                            <a data-disabled="0" href="javascript:void(0);" class="input-group-addon btnSendMessage">获取短信验证码</a>
                        </div>
                    </div>
                </div>

                <script>
                    $(function (){
                        $(".btnSendMessage").click(function(){

                            $.ajax({
                                type:"GEt",
                                url:"/register/buildPhonePassword",
                                data:{"phone":$("#username").val()}
                            })
                        })
                    })
                </script>
                <div class="form-group">
                    <div class="col-md-12 text-left">
                        <div class="checkbox checked">
                            <label>
                                <input id="ctchk" type="checkbox" checked="">我已阅读并同意《用户注册协议》
                                <a href="members/login" style="position: relative;left: 85px;">立即登录</a>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="space"></div>
                <div class="form-group">
                    <div class="col-xs-12">
                        <button type="submit" class="col-xs-12 btn btn-success btn-lg registerBtn">立即注册</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<link rel="stylesheet" href="/assets/lib/css/bootstrap.min.css"/>
<link rel="stylesheet" href="/assets/lib/css/font-awesome.min.css" />
<link rel="stylesheet" href="/assets/lib/css/animate.css" />
<link rel="stylesheet" href="/assets/lib/css/style.css" />
<link rel="stylesheet" href="/assets/lib/css/ace-fonts.css" />

<!-- 底部 S -->
<div class="footer">
    <div class="con1">
        <ul>
            <li><i class="fa fa-ils"></i>&nbsp;<a href="javascript:void(0);">正品原汁原味</a></li>
            <li><a href="javascript:void(0);"><i class="fa fa-stack-exchange"></i>&nbsp;快速订单确认</a></li>
            <li><a href="javascript:void(0);"><i class="fa fa-send"></i>&nbsp;通州区物流配送</a></li>
            <li><a href="javascript:void(0);"><i class="fa fa-xing"></i>&nbsp;用户收货确认</a></li>
            <li class="last"><a href="javascript:void(0);"><i class="fa fa-thumbs-o-up"></i>&nbsp;百万用户口碑</a></li>
        </ul>
    </div>

    <div class="container">
        <ul class="linkUl">
            <li><b>品农商城</b></li>
            <li><a href="articles/info?no=aea3bdb0-ad6e-4858-a1d9-c55cd1ba9e2c">关于我们</a></li>
            <li><a href="articles/info?no=32cbf999-b84f-4d86-ab0a-156783284288">法律政策</a></li>
            <li><a href="articles/info?no=f9b8e811-b8a5-4451-ab9e-960b2558aed5">联系我们</a></li>
        </ul>
        <ul class="linkUl">
            <li><b>新手指南</b></li>
            <li><a href="articles/info?no=2a066ec3-cdb5-400b-98ec-fe89959a7a98">正品保证</a></li>
            <li><a href="articles/info?no=910e2a13-2d63-4c5b-b380-92f3ab24ba7a">购物指南</a></li>
            <li><a href="articles/info?no=dd9e534a-578f-4a50-abe3-29c1f8bc171a">费用说明</a></li>
        </ul>
        <ul class="linkUl">
            <li><b>帮助中心</b></li>
            <li><a href="articles/info?no=2b109efb-5d5f-46dd-b687-9f6b8bd3e9fa">实名认证</a></li>
            <li><a href="articles/info?no=fda2e6ed-21f0-4937-88e1-a7624bbd3a5a">签收说明</a></li>
            <li><a href="articles/info?no=2adfaea6-761d-4476-9373-9983c656a58a">运输时效</a></li>
        </ul>
        <ul class="linkUl" style="width:250px;">
            <li><b>联系我们</b></li>
            <li><a href="javascript:void(0);">周一至周日8:00-20:00(节假日除外)</a></li>
            <li><a href="javascript:void(0);">联系客服</a></li>
            <li><a href="javascript:void(0);">400-6286-510</a></li>
            <li><a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank">备案号：京ICP备16048908号</a></li>
        </ul>
        <div id="down_app" style="float:right; width:350px; text-align: right;">
            <a href="javascript:void(0);"><img src="assets/img/pc/code_app_android.png" width="100px" border="0"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:void(0);"><img src="assets/img/pc/code_app_iphone.png" width="100px" border="0"/></a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:void(0);"><img src="assets/img/pc/code_wx_tong_tang.png" width="100px" border="0"/></a>
        </div>
    </div>
</div>
<!-- 底部 E -->

<script type="text/javascript">
    $(function(){
        /*$(document).on("click", "#down_android, #down_ios", function(){
         var winHei = window.offset().height;
         window.scrollTop(winHei);
         });*/

    });
</script>
</body>
</html>
